<!--#include file="lib/utf-8.asp"-->
<!--#include file="lib/connopen.asp"-->
<!--#include file="lib/asp-common-lib.asp"-->
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>报关单登记系统</title>
<!--#include file="lib/plugins.asp"-->
<!--[if IE]><script language="javascript" type="text/javascript" src="lib/jqplot/excanvas.js"></script><![endif]-->
<script type="text/javascript" src="lib/jqplot/jquery.jqplot.min.js"></script>
<script type="text/javascript" src="lib/jqplot/plugins/jqplot.dateAxisRenderer.min.js"></script>
<script type="text/javascript" src="lib/jqplot/plugins/jqplot.logAxisRenderer.min.js"></script>
<script type="text/javascript" src="lib/jqplot/plugins/jqplot.canvasTextRenderer.min.js"></script>
<script type="text/javascript" src="lib/jqplot/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
<script type="text/javascript" src="lib/jqplot/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>
<script type="text/javascript" src="lib/jqplot/plugins/jqplot.categoryAxisRenderer.min.js"></script>
<script type="text/javascript" src="lib/jqplot/plugins/jqplot.barRenderer.min.js"></script>
<script type="text/javascript" src="lib/jqplot/plugins/jqplot.cursor.min.js"></script>
<script type="text/javascript" src="lib/jqplot/plugins/jqplot.highlighter.min.js"></script>
<link rel="stylesheet" type="text/css" href="lib/jqplot/jquery.jqplot.min.css" />
<style type="text/css">
  .ui-datepicker table {
    border: 0;
  }
  #col3{
    font-size:14px;
  }
  #chartdiv{
    height:600px;
  }
</style>
<!--#include file="lib/js-google-analytics.asp"-->
<script type="text/javascript">
  $(function() {
    //$( "#charttabs" ).tabs();
    $.getJSON("jqplot_json_cds.asp",function(data){
      //alert(data);
      $.jqplot.config.enablePlugins = true;
      $.jqplot('chartdiv',  [data.day,data.week,data.month],{
        //legend:{show:true, location:'nw', xoffset:5},
        title:'报关单数量统计表',
        seriesDefaults:{
            //showLine:true,
            rendererOptions: {
                //smooth: true
            },
            //lineWidth:1,
            showMarker:false,
        },
        series:[
            {
                label: '日报',
                xaxis: 'xaxis',
                yaxis: 'yaxis',
                
            },
            {
                label: '周报',
                xaxis: 'x2axis',
                yaxis: 'y2axis',
                pointLabels: { show:true },
                showMarker:true,
                //showLine:false,
                markerOptions: { style:"x", size:10 },
                //renderer:$.jqplot.BarRenderer
            },
            {
                label: '月报',
                yaxis: 'y3axis',
                showMarker:true,
                markerOptions: { style:"square", size:10 },
            }
        ],
        axesDefaults: {
            useSeriesColor: true,
            pad: 0,
        },
        axes:{
            xaxis:{
                renderer:$.jqplot.DateAxisRenderer,
                tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                min:data.month[0][0],
                //max:data.day[data.day.length][0],
                //tickInterval: '1 day',
                tickOptions:{
                    formatString :'%Y/%m/%d'
                }
            }, 
            x2axis:{
                renderer: $.jqplot.CategoryAxisRenderer,
                labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
                tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                tickOptions:{
                    formatString :'%s',
                    angle:30,
                }
            }, 
            yaxis:{
                //renderer:$.jqplot.LogAxisRenderer,
                labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
                tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                label: '日报关单数量',
                labelOptions:{
                    fontFamily:'宋体',
                    fontSize: '14pt'
                },
                //min:0,
                //tickInterval: 5000,
                tickOptions:{
                    formatString:'%d'
                }
                //label:'Kbps',
                //labelRenderer: $.jqplot.CanvasAxisLabelRenderer
            },
            y2axis:{
                //renderer:$.jqplot.LogAxisRenderer,
                tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
                label: '周报关单数量',
                labelOptions:{
                    fontFamily:'宋体',
                    fontSize: '14pt',
                    angle: 90
                },
                //min:0,
                //tickInterval: 5000,
                tickOptions:{
                    //angle: 30,
                }
                //label:'Kbps',
                //labelRenderer: $.jqplot.CanvasAxisLabelRenderer
            },
            y3axis:{
                //renderer:$.jqplot.LogAxisRenderer,
                labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
                label: '月报关单数量',
                labelOptions:{
                    fontFamily:'宋体',
                    fontSize: '14pt',
                    angle: 90
                },
            },
        },
        highlighter: {
            show: true,
            sizeAdjust: 5
        },
        cursor: {
            show: true,
            zoom: true
        },
        legend: { show:true, location: 'ne' }
      });
    });

  });
</script>	
</head>

<body>
<!--#include file="lib/header.asp"-->
<!--#include file="lib/nav.asp"-->
<div id="main">
<!--#include file="lib/col1.asp"-->
<!--#include file="lib/col2.asp"-->
  <div id="col3" role="main">
    <div id="col3_content" class="clearfix">
      <div id="chartdiv"></div>
    </div>
  </div>
</div>
<!--#include file="lib/footer.asp"-->
</body>
</html>
<!--#include file="lib/connclose.asp"-->

